﻿

.navbar-default #navbar-collapse-main .navbar-nav>li>a.courses:after { width: 100%;right: 0; }

#lobby                      { margin-bottom:10px;margin-top:10px; }
#GridTop                    { display: none; }
#SiteGridContainer          { padding-top: 120px; }
nav#PageBreadCrumps2        { display:block; max-width: 1080px;margin: auto;position: relative;bottom: auto;left: auto; transform: translateX(0%);-webkit-transform: translateX(0%); }

#lobby #body                { margin-bottom: 50px; }

#SiteHeader, #SiteHeader.menu-open { background: #EBEBEB; }

#GridContent,section#all-courses    { max-width:1440px;padding-top:0; }

.courses-img-holder     { padding-bottom: 144%;position:relative;background-size: cover;background-position: center center; }
.courses-text           { position: absolute;top: 50%;left: 50%;color: #ffffff;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width: 60%; }
.course-opacity-layer   { position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.4);transition: all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out; }
.course-box:hover .course-opacity-layer { background: rgba(0, 0, 0, 0.5); }
.courses-text h3        { margin-top: 0;font-size: 335%;line-height:1; }

.course-box             { padding: 0px 10px;margin-bottom:20px;display: inline-block;margin-right: -4px;float: none; }
section#all-courses     { margin-bottom: 0px; }


@media(min-width:1440px) {
    .course-box             { padding: 0px 20px;margin-bottom:40px; }
    /*section#all-courses     { margin-bottom: 40px; }*/
}
@media(min-width:1170px) {
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu { background: #EBEBEB; }   
}

@media(max-width:1440px) {
  section#all-courses { max-width:calc(100% - 10px); }   
}
@media(max-width:991px) {
  .courses-img-holder  { padding-bottom: 48%; }
  .course-box          { margin-bottom:30px; margin-right:0;display:block;}
  .course-box:last-child { margin-bottom:0; }
  section#all-courses { max-width:calc(100% - 30px); } 
   section#all-courses     { margin-bottom: 30px; }
   #SiteGridContainer   { padding-top:80px; }
   nav#PageBreadCrumps2 { display: none; }
}
@media(max-width:767px) {
    .course-box                 { padding: 0px 7px;margin-bottom: 15px; }
    .courses-img-holder         { padding-bottom: 68%; }
    .courses-text h3            { font-size: 215%; }
    a.red-btn.smaller           { padding: 8px 10px 8px 10px; }
    .courses-text               { width: 90%; }
}



